/*!
 * # Fomantic-UI - Transition
 * http://github.com/fomantic/Fomantic-UI/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
            Theme
*******************************/

@type    : 'module';
@element : 'transition';

@import (multiple) '../../theme.config';

/*******************************
          Transitions
*******************************/

.transition {
  animation-iteration-count: 1;
  animation-duration: @transitionDefaultDuration;
  animation-timing-function: @transitionDefaultEasing;
  animation-fill-mode: @transitionDefaultFill;
}

/*******************************
            States
*******************************/


/* Animating */
.animating.transition {
  backface-visibility: @backfaceVisibility;
  visibility: visible !important;
}

& when (@variationTransitionLoading) {
  /* Loading */
  .loading.transition {
    position: absolute;
    top: -99999px;
    left: -99999px;
  }
}

/* Hidden */
.hidden.transition {
  display: none;
  visibility: hidden;
}

/* Visible */
.visible.transition {
  display: block !important;
  visibility: visible !important;
/*  backface-visibility: @backfaceVisibility;
  transform: @use3DAcceleration;*/
}

& when (@variationTransitionDisabled) {
  /* Disabled */
  .disabled.transition {
    animation-play-state: paused;
  }
}

/*******************************
          Variations
*******************************/
& when (@variationTransitionLoading) {
  .looping.transition {
    animation-iteration-count: infinite;
  }
}

.loadUIOverrides();
